<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style type="text/css">.ng-animate.item:not(.left):not(.right){-webkit-transition:0s ease-in-out left;transition:0s ease-in-out left}</style><style type="text/css">@charset "UTF-8";[ng\:cloak],[ng-cloak],[data-ng-cloak],[x-ng-cloak],.ng-cloak,.x-ng-cloak,.ng-hide:not(.ng-hide-animate){display:none !important;}ng\:form{display:block;}.ng-animate-shim{visibility:hidden;}.ng-anchor{position:absolute;}</style>

    <title>H+ 后台主题UI框架 - 个人资料</title>
    <meta name="keywords" content="H+后台主题,后台bootstrap框架,会员中心主题,后台HTML,响应式后台">
    <meta name="description" content="H+是一个完全响应式，基于Bootstrap3最新版本开发的扁平化主题，她采用了主流的左右两栏式布局，使用了Html5+CSS3等现代技术">

    <link rel="shortcut icon" href="https://web.xibaoxiao.com/favicon.ico">
    <link rel="shortcut icon" href="https://web.xibaoxiao.com/favicon.ico">
    <link href="css/galaxy-175c8ee136.min.css" rel="stylesheet">
    <script src="js/jquery-1.10.2.min.js"></script>
    <script src="js/bootstrap.min.js"></script>

    <link rel="stylesheet" type="text/css" href="css/font-awesome.4.6.0.css">
    <link rel="stylesheet" href="css/amazeui.min.css">
    <link rel="stylesheet" href="css/amazeui.cropper.css">
    <link rel="stylesheet" href="css/custom_up_img.css">
    <style type="text/css">
        .up-img-cover {width: 100px;height: 100px;}
        .up-img-cover img{width: 100%;}
    </style>

    <script type="text/javascript">
        FileAPI = {
            jsUrl: '~/App/js/FileAPI.js',
            flashUrl: '~/App/js/FileAPI.flash.swf'
        }
    </script>
    <script src="js/galaxycloud-c56efb4fde.min.js"></script>
    <script src="css/GetScripts" type="text/javascript"></script>
</head>
<body ontouchstart="" class="">

    <!-- uiView: main -->
    <style type="text/css" class="ng-scope">
        .fm-txt {
            height: 34px;
            border: 0px;
        }
        .head {
        text-align: center;
        }

        .content {
            margin-top: 30px;
           margin-bottom: 20px;
        }
       .conleft {
            background-color: #f6f5fd;
            color: #040406;
            margin-left: 20px;
            height: 485px;
        }

        .conright {
            background-color: #f6f5fd;
            margin-left: 60px;
            height: 485px;
        }

        .qianname {
            border: 2px dashed #DDD;
            padding-bottom: 10px;
            padding-top: 5px;
            padding-left: 5px;
            padding-right: 5px;
        }
    </style>
        <div ng-controller="UserInfoController" class="container ng-scope">
            <div class="row row-title ng-binding"  style="text-align: center">
                <h1>个人资料</h1>
            </div>



            <script src="js/googlegg.js"></script>
            <center>
                <div class="up-img-cover"  id="up-img-touch" >
                    <img class="row head" alt="点击图片上传头像" src="./img/defaultportrait.png" data-am-popover="{content: '点击上传', trigger: 'hover focus'}" >
                </div>
            </center>
            <div><a style="text-align: center; display: block;"  id="pic"></a></div>

            <!--图片上传框-->
            <div class="am-modal am-modal-no-btn up-frame-bj " tabindex="-1" id="doc-modal-1">
                <div class="am-modal-dialog up-frame-parent up-frame-radius">
                    <div class="am-modal-hd up-frame-header">
                        <label>修改头像</label>
                        <a href="javascript: void(0)" class="am-close am-close-spin" data-am-modal-close>&times;</a>
                    </div>
                    <div class="am-modal-bd  up-frame-body">
                        <div class="am-g am-fl">
                            <div class="am-form-group am-form-file">
                                <div class="am-fl">
                                    <button type="button" class="am-btn am-btn-default am-btn-sm">
                                        <i class="am-icon-cloud-upload"></i> 选择要上传的文件</button>
                                </div>
                                <input type="file" id="inputImage">
                            </div>
                        </div>
                        <div class="am-g am-fl" >
                            <div class="up-pre-before up-frame-radius">
                                <img alt="" src="" id="image" >
                            </div>
                            <div class="up-pre-after up-frame-radius">
                            </div>
                        </div>
                        <div class="am-g am-fl">
                            <div class="up-control-btns">
                                <span class="am-icon-rotate-left"  onclick="rotateimgleft()"></span>
                                <span class="am-icon-rotate-right" onclick="rotateimgright()"></span>
                                <span class="am-icon-check" id="up-btn-ok" url="admin/user/upload.action"></span>
                            </div>
                        </div>

                    </div>
                </div>
            </div>

            <!--加载框-->
            <div class="am-modal am-modal-loading am-modal-no-btn" tabindex="-1" id="my-modal-loading">
                <div class="am-modal-dialog">
                    <div class="am-modal-hd">正在上传...</div>
                    <div class="am-modal-bd">
                        <span class="am-icon-spinner am-icon-spin"></span>
                    </div>
                </div>
            </div>

            <!--警告框-->
            <div class="am-modal am-modal-alert" tabindex="-1" id="my-alert">
                <div class="am-modal-dialog">
                    <div class="am-modal-hd">信息</div>
                    <div class="am-modal-bd"  id="alert_content">
                        成功了
                    </div>
                    <div class="am-modal-footer">
                        <span class="am-modal-btn">确定</span>
                    </div>
                </div>
            </div>
            <script src="js/jquery-1.8.3.min.js"></script>
            <script src="js/amazeui.min.js" charset="utf-8"></script>
            <script src="js/cropper.min.js" charset="utf-8"></script>
            <script src="js/custom_up_img.js" charset="utf-8"></script>






            <div class="row head">
                <a ng-show="showEdit" class="btn btn-default ng-binding" ui-sref="galaxy.changepassword()" style="width: 110px; margin-left: -0px; margin-top: 20px;" href="xiugaimima.html">修改密码</a>
            </div>
            <div class="row content" style="margin-left: 200px">
                <div class="col-md-5 col-sd-5 conright">
                    <form class="form-horizontal ng-pristine ng-valid-maxlength ng-valid ng-valid-required" role="form" name="form" novalidate>
                        <i style="border-left: 3px solid #4435ca;position:relative;left:-15px;display:inline-block;height:25px;"></i>
                        <p style="display:inline-block" class="ng-binding">个人资料</p>
                        <div class="form-group">
                            <label class="col-md-3 col-sm-3 control-label ng-binding">
                                姓名:
                            </label>
                            <div class="col-md-6 col-sm-6">
                                <input type="text" ng-class="cssMame" ng-readonly="!showNameEdit" style="width: 200px; background-color: rgb(246, 245, 253);" ng-model="userInfo.userdspname" placeholder="请输入姓名" maxlength="50" required class="ng-pristine ng-untouched ng-valid-maxlength ng-valid ng-valid-required fm-txt" readonly>
                            </div>
                            <div class="col-md-3 col-sm-3">
                                <div ng-show="showEdit" class="" style="">
                                    <a class="btn btn-link ng-binding" ng-show="!showNameEdit" ng-click="setUserDspName()" style="">设置</a>
                                </div>
                                <div ng-show="showNameEdit" class="ng-hide" style="">
                                    <a class="btn btn-link ng-binding" ng-click="setUserProfile(1)">确定</a>
                                    <a class="btn btn-link ng-binding" ng-click="cancelEdit(1)">取消</a>
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-3 col-sm-3 control-label ng-binding">
                                性别:
                            </label>
                            <div class="col-md-6 col-sm-6">
                                <div ng-show="!showGenderEdit" class="" style="">
                                    <p class="form-control-static" ng-switch="userInfo.gender">
                                        <!-- ngSwitchWhen: 0 --><span ng-switch-when="0" class="ng-binding ng-scope" style="">男</span><!-- end ngSwitchWhen: -->
                                        <!-- ngSwitchWhen: 1 -->
                                    </p>
                                </div>
                                <div ng-show="showGenderEdit" class="ng-hide" style="">
                                    <div class="radio radio-primary radio-inline">
                                        <input type="radio" id="rdN" ng-model="userInfo.gender" value="0" class="ng-pristine ng-untouched ng-valid" name="1112">
                                        <label for="rdN" class="ng-binding"> 男 </label>
                                    </div>
                                    <div class="radio radio-primary radio-inline">
                                        <input type="radio" id="rdV" ng-model="userInfo.gender" value="1" class="ng-pristine ng-untouched ng-valid" name="1113">
                                        <label for="rdV" class="ng-binding"> 女 </label>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3 col-sm-3">
                                <div ng-show="showEdit" class="" style=""><a ng-show="!showGenderEdit" class="btn btn-link ng-binding" ng-click="setGender()" style="">设置</a></div>
                                <div ng-show="showGenderEdit" class="ng-hide" style="">
                                    <a class="btn btn-link ng-binding" ng-click="setUserProfile(2)">确定</a>
                                    <a class="btn btn-link ng-binding" ng-click="cancelEdit(2)">取消</a>
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-3 col-sm-3 control-label ng-binding">
                                手机:
                            </label>
                            <div class="col-md-6 col-sm-6">
                                <p class="form-control-static ng-binding" style="word-break:break-all;" ng-bind="userInfo.mobile">10160704014</p>
                            </div>
                            <div class="col-md-3 col-sm-3">
                                <div ng-show="showEdit" class="" style=""><a class="btn btn-link ng-binding" ng-click="setMobile()">设置</a></div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-3 col-sm-3 control-label ng-binding">
                                邮箱:
                            </label>
                            <div class="col-md-6 col-sm-6">
                                <p class="form-control-static ng-binding" ng-bind="userInfo.email">1@qq.com</p>
                            </div>
                            <div class="col-md-3 col-sm-3">
                                <div ng-show="showEdit" class="" style=""><a class="btn btn-link ng-binding" ng-click="setEmail()">设置</a></div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-3 col-sm-3 control-label ng-binding">
                                工号:
                            </label>
                            <div class="col-md-6 col-sm-6">
                                <p class="form-control-static ng-binding" ng-bind="userInfo.hrid"></p>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-3 col-sm-3 control-label ng-binding">
                                银行卡号:
                            </label>
                            <div class="col-md-6 col-sm-6">
                                <p class="form-control-static ng-binding">

                                </p>
                            </div>
                            <div class="col-md-3 col-sm-3">
                                <div ng-show="showEdit" class="" style=""><a class="btn btn-link ng-binding" ng-click="setBankAccount()">设置</a></div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-3  col-sm-3 control-label ng-binding">
                                证件号:
                            </label>
                            <div class="col-md-6 col-sm-6">
                                <p class="form-control-static ng-binding">

                                </p>
                            </div>
                            <div class="col-md-3 col-sm-3">
                                <div ng-show="showEdit" class="" style=""><a class="btn btn-link ng-binding" ng-click="setCredential()">设置</a></div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-3  col-sm-3 control-label ng-binding">
                                签名:
                            </label>
                            <div class="col-md-6 col-sm-6 ">
                                <!-- ngIf: !isHasSignature --><p class="form-control-static qianname ng-binding ng-scope" ng-if="!isHasSignature">
                                <i class="fa fa-plus"></i>
                                尺寸大小:150*40px
                            </p><!-- end ngIf: !isHasSignature -->
                                <!-- ngIf: isHasSignature -->
                            </div>

                            <div class="col-md-3 col-sm-3">
                                <div ng-show="showEdit" class="" style="">
                                    <a class="btn btn-link ng-binding" ng-click="upload()">上传</a>
                                    <!-- ngIf: showSign -->
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-md-3 col-sm-3 control-label ng-binding">
                                号码隐藏:
                            </label>
                            <div class="col-md-6 col-sm-6">
                                <p class="form-control-static ng-binding">
                                    号码隐藏后，通讯录中不显示手机号码
                                </p>
                            </div>
                            <div class="col-md-3 col-sm-3">
                                <div ng-show="showEdit" class="" style=""><input type="checkbox" class="js-switch ng-pristine ng-untouched ng-valid ng-isolate-scope" gp-switch="{color: &#39;#5c4dd8&#39;, size:&#39;small&#39;}" ng-model="switches.ismobilehide" ng-true-value="1" ng-false-value="0" ng-change="changeMobileHide()" data-switchery="true" style="display: none;"><span class="switchery switchery-small" style="box-shadow: rgb(223, 223, 223) 0px 0px 0px 0px inset; border-color: rgb(223, 223, 223); background-color: rgb(255, 255, 255); transition: border 0.4s, box-shadow 0.4s;"><small style="left: 0px; transition: background-color 0.4s, left 0.2s;"></small></span></div>
                            </div>
                        </div>
                    </form>

                </div>
                <div class="col-md-5 col-sd-5 conleft">
                    <form class="form-horizontal ng-pristine ng-valid" role="form" name="form" novalidate>
                        <i style="border-left: 3px solid #4435ca;position:relative;left:-15px;display:inline-block;height:25px;"></i>
                        <p style="display:inline-block" class="ng-binding">公司资料</p>
                        <div class="form-group">
                            <label class="col-md-3 col-sm-3 control-label ng-binding">
                                公司:
                            </label>
                            <div class="col-md-7 col-sm-7">
                                <p class="form-control-static ng-binding" ng-bind="userInfo.companyname">测试110</p>
                            </div>
                            <div class="col-md-2 col-sm-2">

                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-3 col-sm-3 control-label ng-binding">
                                企业号:
                            </label>
                            <div class="col-md-7 col-sm-7">
                                <p class="form-control-static ng-binding" ng-bind="userInfo.companycode">125943</p>
                            </div>
                            <div class="col-md-2 col-sm-2">

                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-3 col-sm-3 control-label ng-binding">
                                部门/职位:
                            </label>
                            <div class="col-md-9 col-sm-9">
                                <!-- ngRepeat: item in userInfo.usergroup --><!-- ngIf: item.jobtitle!=='' && item.jobtitle!==null --><!-- end ngRepeat: item in userInfo.usergroup -->
                                <!-- ngRepeat: item in userInfo.usergroup --><!-- ngIf: item.jobtitle==='' || item.jobtitle===null --><p class="form-control-static ng-binding ng-scope" ng-repeat="item in userInfo.usergroup" ng-if="item.jobtitle===&#39;&#39; || item.jobtitle===null" style="">
                                测试110
                            </p><!-- end ngIf: item.jobtitle==='' || item.jobtitle===null --><!-- end ngRepeat: item in userInfo.usergroup -->
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-3 col-sm-3 control-label ng-binding">
                                成本中心:
                            </label>
                            <div class="col-md-9 col-sm-9">
                                <p class="form-control-static ng-binding" ng-bind="userInfo.costcenter"></p>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-3 col-sm-3 control-label ng-binding">
                                级别:
                            </label>
                            <div class="col-md-9 col-sm-9">
                                <p class="form-control-static ng-binding" ng-bind="userInfo.userlevel">一级</p>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-3 col-sm-3 control-label ng-binding">
                                分公司:
                            </label>
                            <div class="col-md-9 col-sm-9">
                                <p class="form-control-static ng-binding" ng-bind="userInfo.branchname"></p>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-md-3 col-sm-3 control-label ng-binding">
                                查看报表权限:
                            </label>
                            <div class="col-md-7 col-sm-6">
                                <p class="form-control-static ng-binding">
                                    开启后有权限查看本部门、以及下级部门员工提交的报销单，生成的部门费用统计报表
                                </p>
                            </div>
                            <div class="col-md-2 col-sm-2">
                                <div ng-show="showEdit" class="" style="">
                                    <input type="checkbox" class="js-switch ng-pristine ng-untouched ng-valid ng-isolate-scope" gp-switch="{color: &#39;#5c4dd8&#39;, size:&#39;small&#39;,disabled:true}" ng-model="switches.viewrptper" ng-true-value="1" ng-false-value="0" data-switchery="true" disabled="" readonly style="display: none;"><span class="switchery switchery-small" style="background-color: rgb(92, 77, 216); border-color: rgb(92, 77, 216); box-shadow: rgb(92, 77, 216) 0px 0px 0px 11px inset; transition: border 0.4s, box-shadow 0.4s, background-color 1.2s; opacity: 0.5;"><small style="left: 13px; background-color: rgb(255, 255, 255); transition: background-color 0.4s, left 0.2s;"></small></span>
                                </div>
                            </div>
                        </div>
                    </form>


                </div>


            </div>
        </div></div></div>


<div class="datetimepicker datetimepicker-dropdown-bottom-right dropdown-menu" style="left: 703.328px; z-index: 1010; display: none; top: 356px;"><div class="datetimepicker-minutes" style="display: none;"><table class=" table-condensed"><thead><tr><th class="prev" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-left"></span> </th><th colspan="5" class="switch">31 三月 2018</th><th class="next" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-right"></span> </th></tr></thead><tbody><tr><td colspan="7"><span class="minute active">0:00</span><span class="minute">0:05</span><span class="minute">0:10</span><span class="minute">0:15</span><span class="minute">0:20</span><span class="minute">0:25</span><span class="minute">0:30</span><span class="minute">0:35</span><span class="minute">0:40</span><span class="minute">0:45</span><span class="minute">0:50</span><span class="minute">0:55</span></td></tr></tbody><tfoot><tr><th colspan="7" class="today">今天</th></tr></tfoot></table></div><div class="datetimepicker-hours" style="display: none;"><table class=" table-condensed"><thead><tr><th class="prev" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-left"></span> </th><th colspan="5" class="switch">31 三月 2018</th><th class="next" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-right"></span> </th></tr></thead><tbody><tr><td colspan="7"><span class="hour active">0:00</span><span class="hour">1:00</span><span class="hour">2:00</span><span class="hour">3:00</span><span class="hour">4:00</span><span class="hour">5:00</span><span class="hour">6:00</span><span class="hour">7:00</span><span class="hour">8:00</span><span class="hour">9:00</span><span class="hour">10:00</span><span class="hour">11:00</span><span class="hour">12:00</span><span class="hour">13:00</span><span class="hour">14:00</span><span class="hour">15:00</span><span class="hour">16:00</span><span class="hour">17:00</span><span class="hour">18:00</span><span class="hour">19:00</span><span class="hour">20:00</span><span class="hour">21:00</span><span class="hour">22:00</span><span class="hour">23:00</span></td></tr></tbody><tfoot><tr><th colspan="7" class="today">今天</th></tr></tfoot></table></div><div class="datetimepicker-days" style="display: block;"><table class=" table-condensed"><thead><tr><th class="prev" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-left"></span> </th><th colspan="5" class="switch">三月 2018</th><th class="next" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-right"></span> </th></tr><tr><th class="dow">日</th><th class="dow">一</th><th class="dow">二</th><th class="dow">三</th><th class="dow">四</th><th class="dow">五</th><th class="dow">六</th></tr></thead><tbody><tr><td class="day old">25</td><td class="day old">26</td><td class="day old">27</td><td class="day old">28</td><td class="day">1</td><td class="day">2</td><td class="day">3</td></tr><tr><td class="day">4</td><td class="day">5</td><td class="day">6</td><td class="day">7</td><td class="day">8</td><td class="day">9</td><td class="day">10</td></tr><tr><td class="day">11</td><td class="day">12</td><td class="day">13</td><td class="day">14</td><td class="day">15</td><td class="day">16</td><td class="day">17</td></tr><tr><td class="day">18</td><td class="day">19</td><td class="day">20</td><td class="day">21</td><td class="day">22</td><td class="day">23</td><td class="day">24</td></tr><tr><td class="day">25</td><td class="day">26</td><td class="day">27</td><td class="day">28</td><td class="day">29</td><td class="day">30</td><td class="day today active">31</td></tr><tr><td class="day new">1</td><td class="day new">2</td><td class="day new">3</td><td class="day new">4</td><td class="day new">5</td><td class="day new">6</td><td class="day new">7</td></tr></tbody><tfoot><tr><th colspan="7" class="today">今天</th></tr></tfoot></table></div><div class="datetimepicker-months" style="display: none;"><table class="table-condensed"><thead><tr><th class="prev" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-left"></span> </th><th colspan="5" class="switch">2018</th><th class="next" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-right"></span> </th></tr></thead><tbody><tr><td colspan="7"><span class="month">一月</span><span class="month">二月</span><span class="month active">三月</span><span class="month">四月</span><span class="month">五月</span><span class="month">六月</span><span class="month">七月</span><span class="month">八月</span><span class="month">九月</span><span class="month">十月</span><span class="month">十一月</span><span class="month">十二月</span></td></tr></tbody><tfoot><tr><th colspan="7" class="today">今天</th></tr></tfoot></table></div><div class="datetimepicker-years" style="display: none;"><table class="table-condensed"><thead><tr><th class="prev" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-left"></span> </th><th colspan="5" class="switch">2010-2019</th><th class="next" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-right"></span> </th></tr></thead><tbody><tr><td colspan="7"><span class="year old">2009</span><span class="year">2010</span><span class="year">2011</span><span class="year">2012</span><span class="year">2013</span><span class="year">2014</span><span class="year">2015</span><span class="year">2016</span><span class="year">2017</span><span class="year active">2018</span><span class="year">2019</span><span class="year old">2020</span></td></tr></tbody><tfoot><tr><th colspan="7" class="today">今天</th></tr></tfoot></table></div></div><div class="datetimepicker datetimepicker-dropdown-bottom-right dropdown-menu" style="left: 713.328px; z-index: 1020;"><div class="datetimepicker-minutes" style="display: none;"><table class=" table-condensed"><thead><tr><th class="prev" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-left"></span> </th><th colspan="5" class="switch">31 三月 2018</th><th class="next" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-right"></span> </th></tr></thead><tbody><tr><td colspan="7"><span class="minute">8:00</span><span class="minute">8:05</span><span class="minute">8:10</span><span class="minute">8:15</span><span class="minute">8:20</span><span class="minute">8:25</span><span class="minute">8:30</span><span class="minute">8:35</span><span class="minute">8:40</span><span class="minute">8:45</span><span class="minute active">8:50</span><span class="minute">8:55</span></td></tr></tbody><tfoot><tr><th colspan="7" class="today">今天</th></tr></tfoot></table></div><div class="datetimepicker-hours" style="display: none;"><table class=" table-condensed"><thead><tr><th class="prev" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-left"></span> </th><th colspan="5" class="switch">31 三月 2018</th><th class="next" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-right"></span> </th></tr></thead><tbody><tr><td colspan="7"><span class="hour">0:00</span><span class="hour">1:00</span><span class="hour">2:00</span><span class="hour">3:00</span><span class="hour">4:00</span><span class="hour">5:00</span><span class="hour">6:00</span><span class="hour">7:00</span><span class="hour active">8:00</span><span class="hour">9:00</span><span class="hour">10:00</span><span class="hour">11:00</span><span class="hour">12:00</span><span class="hour">13:00</span><span class="hour">14:00</span><span class="hour">15:00</span><span class="hour">16:00</span><span class="hour">17:00</span><span class="hour">18:00</span><span class="hour">19:00</span><span class="hour">20:00</span><span class="hour">21:00</span><span class="hour">22:00</span><span class="hour">23:00</span></td></tr></tbody><tfoot><tr><th colspan="7" class="today">今天</th></tr></tfoot></table></div><div class="datetimepicker-days" style="display: block;"><table class=" table-condensed"><thead><tr><th class="prev" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-left"></span> </th><th colspan="5" class="switch">三月 2018</th><th class="next" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-right"></span> </th></tr><tr><th class="dow">日</th><th class="dow">一</th><th class="dow">二</th><th class="dow">三</th><th class="dow">四</th><th class="dow">五</th><th class="dow">六</th></tr></thead><tbody><tr><td class="day old">25</td><td class="day old">26</td><td class="day old">27</td><td class="day old">28</td><td class="day">1</td><td class="day">2</td><td class="day">3</td></tr><tr><td class="day">4</td><td class="day">5</td><td class="day">6</td><td class="day">7</td><td class="day">8</td><td class="day">9</td><td class="day">10</td></tr><tr><td class="day">11</td><td class="day">12</td><td class="day">13</td><td class="day">14</td><td class="day">15</td><td class="day">16</td><td class="day">17</td></tr><tr><td class="day">18</td><td class="day">19</td><td class="day">20</td><td class="day">21</td><td class="day">22</td><td class="day">23</td><td class="day">24</td></tr><tr><td class="day">25</td><td class="day">26</td><td class="day">27</td><td class="day">28</td><td class="day">29</td><td class="day">30</td><td class="day today active">31</td></tr><tr><td class="day new">1</td><td class="day new">2</td><td class="day new">3</td><td class="day new">4</td><td class="day new">5</td><td class="day new">6</td><td class="day new">7</td></tr></tbody><tfoot><tr><th colspan="7" class="today">今天</th></tr></tfoot></table></div><div class="datetimepicker-months" style="display: none;"><table class="table-condensed"><thead><tr><th class="prev" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-left"></span> </th><th colspan="5" class="switch">2018</th><th class="next" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-right"></span> </th></tr></thead><tbody><tr><td colspan="7"><span class="month">一月</span><span class="month">二月</span><span class="month active">三月</span><span class="month">四月</span><span class="month">五月</span><span class="month">六月</span><span class="month">七月</span><span class="month">八月</span><span class="month">九月</span><span class="month">十月</span><span class="month">十一月</span><span class="month">十二月</span></td></tr></tbody><tfoot><tr><th colspan="7" class="today">今天</th></tr></tfoot></table></div><div class="datetimepicker-years" style="display: none;"><table class="table-condensed"><thead><tr><th class="prev" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-left"></span> </th><th colspan="5" class="switch">2010-2019</th><th class="next" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-right"></span> </th></tr></thead><tbody><tr><td colspan="7"><span class="year old">2009</span><span class="year">2010</span><span class="year">2011</span><span class="year">2012</span><span class="year">2013</span><span class="year">2014</span><span class="year">2015</span><span class="year">2016</span><span class="year">2017</span><span class="year active">2018</span><span class="year">2019</span><span class="year old">2020</span></td></tr></tbody><tfoot><tr><th colspan="7" class="today">今天</th></tr></tfoot></table></div></div><div class="datetimepicker datetimepicker-dropdown-bottom-right dropdown-menu" style="left: 817.656px; z-index: 1030;"><div class="datetimepicker-minutes" style="display: none;"><table class=" table-condensed"><thead><tr><th class="prev" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-left"></span> </th><th colspan="5" class="switch">31 三月 2018</th><th class="next" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-right"></span> </th></tr></thead><tbody><tr><td colspan="7"><span class="minute">8:00</span><span class="minute">8:05</span><span class="minute">8:10</span><span class="minute">8:15</span><span class="minute">8:20</span><span class="minute">8:25</span><span class="minute">8:30</span><span class="minute">8:35</span><span class="minute">8:40</span><span class="minute">8:45</span><span class="minute active">8:50</span><span class="minute">8:55</span></td></tr></tbody><tfoot><tr><th colspan="7" class="today">今天</th></tr></tfoot></table></div><div class="datetimepicker-hours" style="display: none;"><table class=" table-condensed"><thead><tr><th class="prev" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-left"></span> </th><th colspan="5" class="switch">31 三月 2018</th><th class="next" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-right"></span> </th></tr></thead><tbody><tr><td colspan="7"><span class="hour">0:00</span><span class="hour">1:00</span><span class="hour">2:00</span><span class="hour">3:00</span><span class="hour">4:00</span><span class="hour">5:00</span><span class="hour">6:00</span><span class="hour">7:00</span><span class="hour active">8:00</span><span class="hour">9:00</span><span class="hour">10:00</span><span class="hour">11:00</span><span class="hour">12:00</span><span class="hour">13:00</span><span class="hour">14:00</span><span class="hour">15:00</span><span class="hour">16:00</span><span class="hour">17:00</span><span class="hour">18:00</span><span class="hour">19:00</span><span class="hour">20:00</span><span class="hour">21:00</span><span class="hour">22:00</span><span class="hour">23:00</span></td></tr></tbody><tfoot><tr><th colspan="7" class="today">今天</th></tr></tfoot></table></div><div class="datetimepicker-days" style="display: block;"><table class=" table-condensed"><thead><tr><th class="prev" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-left"></span> </th><th colspan="5" class="switch">三月 2018</th><th class="next" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-right"></span> </th></tr><tr><th class="dow">日</th><th class="dow">一</th><th class="dow">二</th><th class="dow">三</th><th class="dow">四</th><th class="dow">五</th><th class="dow">六</th></tr></thead><tbody><tr><td class="day old">25</td><td class="day old">26</td><td class="day old">27</td><td class="day old">28</td><td class="day">1</td><td class="day">2</td><td class="day">3</td></tr><tr><td class="day">4</td><td class="day">5</td><td class="day">6</td><td class="day">7</td><td class="day">8</td><td class="day">9</td><td class="day">10</td></tr><tr><td class="day">11</td><td class="day">12</td><td class="day">13</td><td class="day">14</td><td class="day">15</td><td class="day">16</td><td class="day">17</td></tr><tr><td class="day">18</td><td class="day">19</td><td class="day">20</td><td class="day">21</td><td class="day">22</td><td class="day">23</td><td class="day">24</td></tr><tr><td class="day">25</td><td class="day">26</td><td class="day">27</td><td class="day">28</td><td class="day">29</td><td class="day">30</td><td class="day today active">31</td></tr><tr><td class="day new">1</td><td class="day new">2</td><td class="day new">3</td><td class="day new">4</td><td class="day new">5</td><td class="day new">6</td><td class="day new">7</td></tr></tbody><tfoot><tr><th colspan="7" class="today">今天</th></tr></tfoot></table></div><div class="datetimepicker-months" style="display: none;"><table class="table-condensed"><thead><tr><th class="prev" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-left"></span> </th><th colspan="5" class="switch">2018</th><th class="next" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-right"></span> </th></tr></thead><tbody><tr><td colspan="7"><span class="month">一月</span><span class="month">二月</span><span class="month active">三月</span><span class="month">四月</span><span class="month">五月</span><span class="month">六月</span><span class="month">七月</span><span class="month">八月</span><span class="month">九月</span><span class="month">十月</span><span class="month">十一月</span><span class="month">十二月</span></td></tr></tbody><tfoot><tr><th colspan="7" class="today">今天</th></tr></tfoot></table></div><div class="datetimepicker-years" style="display: none;"><table class="table-condensed"><thead><tr><th class="prev" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-left"></span> </th><th colspan="5" class="switch">2010-2019</th><th class="next" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-right"></span> </th></tr></thead><tbody><tr><td colspan="7"><span class="year old">2009</span><span class="year">2010</span><span class="year">2011</span><span class="year">2012</span><span class="year">2013</span><span class="year">2014</span><span class="year">2015</span><span class="year">2016</span><span class="year">2017</span><span class="year active">2018</span><span class="year">2019</span><span class="year old">2020</span></td></tr></tbody><tfoot><tr><th colspan="7" class="today">今天</th></tr></tfoot></table></div></div><div class="datetimepicker datetimepicker-dropdown-bottom-right dropdown-menu" style="left: 713.328px; z-index: 1040;"><div class="datetimepicker-minutes" style="display: none;"><table class=" table-condensed"><thead><tr><th class="prev" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-left"></span> </th><th colspan="5" class="switch">31 三月 2018</th><th class="next" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-right"></span> </th></tr></thead><tbody><tr><td colspan="7"><span class="minute">8:00</span><span class="minute">8:05</span><span class="minute">8:10</span><span class="minute">8:15</span><span class="minute">8:20</span><span class="minute">8:25</span><span class="minute">8:30</span><span class="minute">8:35</span><span class="minute">8:40</span><span class="minute">8:45</span><span class="minute active">8:50</span><span class="minute">8:55</span></td></tr></tbody><tfoot><tr><th colspan="7" class="today">今天</th></tr></tfoot></table></div><div class="datetimepicker-hours" style="display: none;"><table class=" table-condensed"><thead><tr><th class="prev" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-left"></span> </th><th colspan="5" class="switch">31 三月 2018</th><th class="next" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-right"></span> </th></tr></thead><tbody><tr><td colspan="7"><span class="hour">0:00</span><span class="hour">1:00</span><span class="hour">2:00</span><span class="hour">3:00</span><span class="hour">4:00</span><span class="hour">5:00</span><span class="hour">6:00</span><span class="hour">7:00</span><span class="hour active">8:00</span><span class="hour">9:00</span><span class="hour">10:00</span><span class="hour">11:00</span><span class="hour">12:00</span><span class="hour">13:00</span><span class="hour">14:00</span><span class="hour">15:00</span><span class="hour">16:00</span><span class="hour">17:00</span><span class="hour">18:00</span><span class="hour">19:00</span><span class="hour">20:00</span><span class="hour">21:00</span><span class="hour">22:00</span><span class="hour">23:00</span></td></tr></tbody><tfoot><tr><th colspan="7" class="today">今天</th></tr></tfoot></table></div><div class="datetimepicker-days" style="display: block;"><table class=" table-condensed"><thead><tr><th class="prev" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-left"></span> </th><th colspan="5" class="switch">三月 2018</th><th class="next" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-right"></span> </th></tr><tr><th class="dow">日</th><th class="dow">一</th><th class="dow">二</th><th class="dow">三</th><th class="dow">四</th><th class="dow">五</th><th class="dow">六</th></tr></thead><tbody><tr><td class="day old">25</td><td class="day old">26</td><td class="day old">27</td><td class="day old">28</td><td class="day">1</td><td class="day">2</td><td class="day">3</td></tr><tr><td class="day">4</td><td class="day">5</td><td class="day">6</td><td class="day">7</td><td class="day">8</td><td class="day">9</td><td class="day">10</td></tr><tr><td class="day">11</td><td class="day">12</td><td class="day">13</td><td class="day">14</td><td class="day">15</td><td class="day">16</td><td class="day">17</td></tr><tr><td class="day">18</td><td class="day">19</td><td class="day">20</td><td class="day">21</td><td class="day">22</td><td class="day">23</td><td class="day">24</td></tr><tr><td class="day">25</td><td class="day">26</td><td class="day">27</td><td class="day">28</td><td class="day">29</td><td class="day">30</td><td class="day today active">31</td></tr><tr><td class="day new">1</td><td class="day new">2</td><td class="day new">3</td><td class="day new">4</td><td class="day new">5</td><td class="day new">6</td><td class="day new">7</td></tr></tbody><tfoot><tr><th colspan="7" class="today">今天</th></tr></tfoot></table></div><div class="datetimepicker-months" style="display: none;"><table class="table-condensed"><thead><tr><th class="prev" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-left"></span> </th><th colspan="5" class="switch">2018</th><th class="next" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-right"></span> </th></tr></thead><tbody><tr><td colspan="7"><span class="month">一月</span><span class="month">二月</span><span class="month active">三月</span><span class="month">四月</span><span class="month">五月</span><span class="month">六月</span><span class="month">七月</span><span class="month">八月</span><span class="month">九月</span><span class="month">十月</span><span class="month">十一月</span><span class="month">十二月</span></td></tr></tbody><tfoot><tr><th colspan="7" class="today">今天</th></tr></tfoot></table></div><div class="datetimepicker-years" style="display: none;"><table class="table-condensed"><thead><tr><th class="prev" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-left"></span> </th><th colspan="5" class="switch">2010-2019</th><th class="next" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-right"></span> </th></tr></thead><tbody><tr><td colspan="7"><span class="year old">2009</span><span class="year">2010</span><span class="year">2011</span><span class="year">2012</span><span class="year">2013</span><span class="year">2014</span><span class="year">2015</span><span class="year">2016</span><span class="year">2017</span><span class="year active">2018</span><span class="year">2019</span><span class="year old">2020</span></td></tr></tbody><tfoot><tr><th colspan="7" class="today">今天</th></tr></tfoot></table></div></div><div class="datetimepicker datetimepicker-dropdown-bottom-right dropdown-menu" style="left: 817.656px; z-index: 1050;"><div class="datetimepicker-minutes" style="display: none;"><table class=" table-condensed"><thead><tr><th class="prev" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-left"></span> </th><th colspan="5" class="switch">31 三月 2018</th><th class="next" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-right"></span> </th></tr></thead><tbody><tr><td colspan="7"><span class="minute">8:00</span><span class="minute">8:05</span><span class="minute">8:10</span><span class="minute">8:15</span><span class="minute">8:20</span><span class="minute">8:25</span><span class="minute">8:30</span><span class="minute">8:35</span><span class="minute">8:40</span><span class="minute">8:45</span><span class="minute active">8:50</span><span class="minute">8:55</span></td></tr></tbody><tfoot><tr><th colspan="7" class="today">今天</th></tr></tfoot></table></div><div class="datetimepicker-hours" style="display: none;"><table class=" table-condensed"><thead><tr><th class="prev" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-left"></span> </th><th colspan="5" class="switch">31 三月 2018</th><th class="next" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-right"></span> </th></tr></thead><tbody><tr><td colspan="7"><span class="hour">0:00</span><span class="hour">1:00</span><span class="hour">2:00</span><span class="hour">3:00</span><span class="hour">4:00</span><span class="hour">5:00</span><span class="hour">6:00</span><span class="hour">7:00</span><span class="hour active">8:00</span><span class="hour">9:00</span><span class="hour">10:00</span><span class="hour">11:00</span><span class="hour">12:00</span><span class="hour">13:00</span><span class="hour">14:00</span><span class="hour">15:00</span><span class="hour">16:00</span><span class="hour">17:00</span><span class="hour">18:00</span><span class="hour">19:00</span><span class="hour">20:00</span><span class="hour">21:00</span><span class="hour">22:00</span><span class="hour">23:00</span></td></tr></tbody><tfoot><tr><th colspan="7" class="today">今天</th></tr></tfoot></table></div><div class="datetimepicker-days" style="display: block;"><table class=" table-condensed"><thead><tr><th class="prev" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-left"></span> </th><th colspan="5" class="switch">三月 2018</th><th class="next" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-right"></span> </th></tr><tr><th class="dow">日</th><th class="dow">一</th><th class="dow">二</th><th class="dow">三</th><th class="dow">四</th><th class="dow">五</th><th class="dow">六</th></tr></thead><tbody><tr><td class="day old">25</td><td class="day old">26</td><td class="day old">27</td><td class="day old">28</td><td class="day">1</td><td class="day">2</td><td class="day">3</td></tr><tr><td class="day">4</td><td class="day">5</td><td class="day">6</td><td class="day">7</td><td class="day">8</td><td class="day">9</td><td class="day">10</td></tr><tr><td class="day">11</td><td class="day">12</td><td class="day">13</td><td class="day">14</td><td class="day">15</td><td class="day">16</td><td class="day">17</td></tr><tr><td class="day">18</td><td class="day">19</td><td class="day">20</td><td class="day">21</td><td class="day">22</td><td class="day">23</td><td class="day">24</td></tr><tr><td class="day">25</td><td class="day">26</td><td class="day">27</td><td class="day">28</td><td class="day">29</td><td class="day">30</td><td class="day today active">31</td></tr><tr><td class="day new">1</td><td class="day new">2</td><td class="day new">3</td><td class="day new">4</td><td class="day new">5</td><td class="day new">6</td><td class="day new">7</td></tr></tbody><tfoot><tr><th colspan="7" class="today">今天</th></tr></tfoot></table></div><div class="datetimepicker-months" style="display: none;"><table class="table-condensed"><thead><tr><th class="prev" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-left"></span> </th><th colspan="5" class="switch">2018</th><th class="next" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-right"></span> </th></tr></thead><tbody><tr><td colspan="7"><span class="month">一月</span><span class="month">二月</span><span class="month active">三月</span><span class="month">四月</span><span class="month">五月</span><span class="month">六月</span><span class="month">七月</span><span class="month">八月</span><span class="month">九月</span><span class="month">十月</span><span class="month">十一月</span><span class="month">十二月</span></td></tr></tbody><tfoot><tr><th colspan="7" class="today">今天</th></tr></tfoot></table></div><div class="datetimepicker-years" style="display: none;"><table class="table-condensed"><thead><tr><th class="prev" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-left"></span> </th><th colspan="5" class="switch">2010-2019</th><th class="next" style="visibility: visible;"><span class="glyphicon glyphicon-arrow-right"></span> </th></tr></thead><tbody><tr><td colspan="7"><span class="year old">2009</span><span class="year">2010</span><span class="year">2011</span><span class="year">2012</span><span class="year">2013</span><span class="year">2014</span><span class="year">2015</span><span class="year">2016</span><span class="year">2017</span><span class="year active">2018</span><span class="year">2019</span><span class="year old">2020</span></td></tr></tbody><tfoot><tr><th colspan="7" class="today">今天
</th>
</tr>
</tfoot>
</table>
</div>
</div>
</body>
</html>